<ui:composition 
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" 
	template="/layout/template.xhtml">
	<ui:define name="content">
		<ui:include src="/compras/solicitudDePedido.xhtml" />
		<ui:include src="/compras/solicitudDePedidoDetail.xhtml" />

		<h:form id="formPrincipal">
			<p:messages showDetail="true" />
			<h2>#{mensaje.label_solicitud_pedido}</h2>
			<p:separator id="separator" />
			<br />
			<h:panelGroup>
				<p:commandButton icon="ui-icon-document"
					value="#{mensaje.action_nuevo} "
					action="#{solicitudPedidoBean.iniciar()}" onclick="PF('dlg').show()"
					update=":formPedidos" />
				<br />
				<br />
			</h:panelGroup>

			<p:dataTable id="tableId" paginator="true" rows="10"
				value="#{solicitudPedidoList.findAll()}" var="_solicitudP"
				paginatorPosition="bottom">

				<p:column sortBy="#{_solicitudP.id}"
					filterBy="#{_solicitudP.id}">
					<f:facet name="header">Id</f:facet>
                        #{_solicitudP.id}
                </p:column>				

				<p:column sortBy="#{_solicitudP.situacion}"
					filterBy="#{_solicitudP.situacion}">
					<f:facet name="header">#{mensaje.columna_situacion}</f:facet>
                        #{_solicitudP.situacionExtenso}
                </p:column>

				<p:column sortBy="#{_solicitudP.formaPago.nombre}"
					filterBy="#{_solicitudP.formaPago.nombre}">
					<f:facet name="header">#{mensaje.titulo_formasdepagos}</f:facet>
                        #{_solicitudP.formaPago.nombre}
                </p:column>
				<p:column sortBy="#{_solicitudP.fechaLimite}"
					filterBy="#{_solicitudP.fechaLimite}">
					<f:facet name="header">#{mensaje.label_fechaLimite}</f:facet>
                        #{_solicitudP.fechaLimite}
                </p:column>
                <p:column sortBy="#{_solicitudP.usuario.nombreUsuario}"
					filterBy="#{_solicitudP.usuario.nombreUsuario}">
					<f:facet name="header">#{mensaje.label_usuario_nombre}</f:facet>
                        #{_solicitudP.usuario.nombreUsuario}
                </p:column>
                <p:column sortBy="#{_solicitudP.fecha}"
					filterBy="#{_solicitudP.fecha}">
					<f:facet name="header">#{mensaje.columna_fecha_solicitud}</f:facet>
                        #{_solicitudP.fecha}
                </p:column>
				
				<p:column>
					<f:facet name="header">#{mensaje.label_opciones}</f:facet>
					<p:commandButton id="detailButton"
						action="#{solicitudPedidoBean.iniciarDetail(_solicitudP)}"
						icon="ui-icon-search" onclick="PF('dlgDetail').show()"
						update=":formPedidosDetail" />
										<p:tooltip for="detailButton" value="#{mensaje.action_detalles}" />
					<p:commandButton id="modButton"
						action="#{solicitudPedidoBean.iniciar2(_solicitudP)}"
						icon="ui-icon-pencil" onclick="PF('dlg').show()"
						update=":formPedidos,:formPedidos:tabView:formProveedoresPanel,:formPrincipal" />
					<p:tooltip for="modButton" value="#{mensaje.action_modificar}"
						showEffect="fade" hideEffect="fade" />
					<p:commandButton id="delButton"
						action="#{solicitudPedidoBean.eliminar(_solicitudP)}"
						icon="ui-icon-closethick" update=":formPrincipal">
						<p:confirm header="Confirmation"
							message="#{mensaje['comun.pregunta.eliminar']}"
							icon="ui-icon-alert" />
					</p:commandButton>
					<p:tooltip for="delButton" value="#{mensaje.action_eliminar}"
						showEffect="fade" hideEffect="fade" />
					<p:confirmDialog global="true" showEffect="fade">
						<p:commandButton value="#{mensaje.titulo_si}" type="button"
							styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
						<p:commandButton value="#{mensaje.titulo_no}" type="button"
							styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
					</p:confirmDialog>
				</p:column>

			</p:dataTable>
		</h:form>
	</ui:define>
</ui:composition>
